<extend name="Common@Layout:default" />
	<block name="css">
		<link rel="stylesheet" href="__PUBLIC__/customer/css/css.css">
	</block>
	<block name="content">
		<div id="content-header">
			<div class="card-list-nav">
	            <ul class="nav nav-tabs">
	                <li role="presentation" class="tab list tabs-ydsim yd "><a class="active" href="{:U('cardlist')}">流量卡</a></li>
	                <li role="presentation" class="tab list tabs-hold"><a href="{:U('reminder')}">服务到期提醒</a></li>
	            </ul>
	            <div class="card-content-user" style="display: block;">
	                <i>SIM卡</i>(总计<span id="ydAllNum">6,961</span>有效<span id="ydValidNum">6,920</span>欠费<span id="ydExpiredNum">41</span>报停<span id="ydStopedNum">0</span>开机
	                <span id="ydBootedNum">6,830</span>停机<span id="ydShutdownedNum" class="lastspan">131</span>)<i>库存面值</i>(总计<span id="ydStoreAmount" class="lastspan">386,370</span>)<i>余额</i>(<span class="lastspan" onclick="cardController.openCurrentHoldBalanceMode()">点击查看</span>)
	            </div>
	        </div>
	        <div class="card-list-operate plr10" style="padding-bottom: 0px;">
       			<include file="Public:screen" />
                <include file="Public:search" />
       			<button class="btn btn-info btn-sm refresh" data-mode="refresh" onclick="ydsimGridViewService.operate.refreshView()">导出</button>
                <button class="btn btn-danger btn-sm refresh" data-mode="refresh" onclick="ydsimGridViewService.operate.refreshView()">分配</button>
       			<button class="btn btn-warning btn-sm refresh" data-mode="refresh" onclick="ydsimGridViewService.operate.refreshView()">号段分配</button>
       			<button class="btn btn-success btn-sm refresh" data-mode="refresh" onclick="ydsimGridViewService.operate.refreshView()">批量分配</button>
                <button type="button" class="btn btn-primary btn-sm" onclick="ydsimGridViewService.folderColumns_yd(1)" id="folderColumns_yd">展开</button>
                <button class="btn btn-default btn-sm refresh" data-mode="refresh" onclick="ydsimGridViewService.operate.refreshView()">刷新</button>
                <div class="card-list-so-box">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="ICCID号/SIM卡号" id="txtYDSimKey">
                        <span class="input-group-btn">
                            <button class="btn btn-default btn-sm" type="button" data-mode="ydsimSearch">搜索</button>
                        </span>
                    </div>
                </div>
                <p class="clear"></p>
       		</div>
		</div>
        <div id="content-main" class="card-list-content plr10">
       		<div class="card-list">
       			<div class="card-list-view">
       				<div id="card-list-panle">
       					<div class="card-data-list">
       						<table class="datagrid-htable jason-table" border="0" cellspacing="0" cellpadding="0">
			       				<thead>
				       				<tr class="datagrid-header-row">
				       					<td>
				       						<input type="checkbox" />
				       					</td>
				       					<td>SIM号</td>
			                            <td>IMSI号</td>
			                            <td>IMEI号</td>
			                            <td>所属用户</td>
			                            <td>套餐名称</td>
			                            <td>状态</td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('distributedate');">出库日期</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('firstactivetime');">首次激活</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('activetime');">最近激活</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('datetodeactivated');">最近停用</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('expiretime');">到期日期</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('surplusperiod');">剩余服务</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('monthusagedata');">本月用量</a></td>
			                            <td>
			                                <a href="javascript:cardController.ltsimSortOverView('flowleftvalue');">剩余流量</a>
			                            </td>
			                            <td>
			                            	<a href="javascript:cardController.ltsimSortOverView('totalMonthUsageFlow');">历史用量</a>
			                            </td>
			                            <td>
			                            	<a href="javascript:cardController.ltsimSortOverView('renewalAmount');">续费记录</a>
			                            </td>
			                            <td>卡类型</td>
			                            <td>标签</td>
			                            <td>实名等级</td>
			                            <td>实名状态</td>
			                            <td>实名信息</td>
			                            <td>报废</td>
			                            <td >终端</td>
				       				</tr>
			       				</thead>
			       				<tbody>
			       					<?php for($i = 0;$i<=20;$i++):?>
				       				<tr>
				       					<td>
				       						<input type="checkbox" />
				       					</td>
				       					<td>SIM号</td>
			                            <td>IMSI号</td>
			                            <td>IMEI号</td>
			                            <td>所属用户</td>
			                            <td>套餐名称</td>
			                            <td>状态</td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('distributedate');">出库日期</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('firstactivetime');">首次激活</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('activetime');">最近激活</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('datetodeactivated');">最近停用</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('expiretime');">到期日期</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('surplusperiod');">剩余服务</a></td>
			                            <td><a href="javascript:cardController.ltsimSortOverView('monthusagedata');">本月用量</a></td>
			                            <td>
			                                <a href="javascript:cardController.ltsimSortOverView('flowleftvalue');">剩余流量</a>
			                            </td>
			                            <td>
			                            	<a href="javascript:cardController.ltsimSortOverView('totalMonthUsageFlow');">历史用量</a>
			                            </td>
			                            <td>
			                            	<a href="javascript:cardController.ltsimSortOverView('renewalAmount');">续费记录</a>
			                            </td>
			                            <td>卡类型</td>
			                            <td>标签</td>
			                            <td>实名等级</td>
			                            <td>实名状态</td>
			                            <td>实名信息</td>
			                            <td>报废</td>
			                            <td >终端</td>
				       				</tr>
				       				<?php endfor;?>
			       				</tbody>
			       			</table>
       					</div>
       				</div>
       			</div>
       		</div>
        </div>
        <div id="content-footer">
        	<div id="page_panel">
				<div class="card-ft-right">
	                <div class="page_1" style="margin-right: 10px;">
	                    <label class="control-label" style="display: block;float:left;font-weight:normal;margin-right: 8px;">每页显示</label>
	                    <input id="selfVal" value="50" type="text" class="form-control input-sm" style="border: 1px solid #5bc0de; float: left; text-align: center; width: 50px; border-right: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; padding: 5px 0px">&nbsp;&nbsp;
	                    <button id="selfSet" class="btn btn-info btn-sm" style="display: block; float: left; border-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; ">确定</button>
	                                                    共<span id="sumPage">6,961</span>条,<span id="maxIndex">140</span>页
	                </div>
	                <div class="page_2">
	                    <ul class="pagination" id="ulPageNum">
	                    	<li>
	                    		<a href="javascript:void(0);" style=" font-size:12px; text-decoration:none;" onclick="ydsimGridViewService.gridview.GetPageData(1)">首页</a>
	                    	</li>
	                    	<li>
	                    		<a href="javascript:void(0);" style=" font-size:12px; text-decoration:none;color:#c8c8c8" onclick="">上一页</a>
	                    	</li>
	                    	<li>
	                    		<a href="javascript:void(0);" style=" font-size:12px; text-decoration:none;background-color: #60bad8;color:#fff">1</a>
	                    	</li>
	                    	<li>
	                    		<a href="javascript:void(0);" style=" font-size:12px; text-decoration:none;" onclick="ydsimGridViewService.gridview.GetPageData(2)">2</a>
	                    	</li>
	                    	<li>
	                    		<a href="javascript:void(0);" style=" font-size:12px; text-decoration:none;" onclick="ydsimGridViewService.gridview.GetPageData(3)">3</a>
	                    	</li>
	                    	<li>
	                    		<a href="javascript:void(0);" style=" font-size:12px; text-decoration:none;" onclick="ydsimGridViewService.gridview.GetPageData(4)">4</a>
	                    	</li>
	                    	<li>
	                    		<a href="javascript:void(0);" style=" font-size:12px; text-decoration:none;" onclick="ydsimGridViewService.gridview.GetPageData(5)">5</a> 
	                    	</li>
	                    	<li>
	                    		<a href="javascript:void(0);" style=" font-size:12px; text-decoration:none;" onclick="ydsimGridViewService.gridview.GetPageData(6)">...</a> 
	                    	</li> 
	                    	<li>
	                    		<a href="javascript:void(0);" style="height: 31px;" onclick="ydsimGridViewService.gridview.GetPageData(2)">下一页</a>
	                    	</li>
	                    	<li>
	                    		<a href="javascript:void(0);" style="height: 31px;" onclick="ydsimGridViewService.gridview.GetPageData(140)">末页</a>
	                    	</li>
	                    	<li>
	                    		&nbsp;&nbsp;跳转至&nbsp;&nbsp;<input type="text" class="form-control input-sm" onkeyup="checkInputNumber(this)" style="display:inline-block;text-align:center;width:60px;margin:0 3px" id="selPages">页<input type="button" class="btn btn-info btn-sm" value="Go" style="margin-left:3px;" onclick="shared.GetjumpNum(ydsimGridViewService.gridview,1,140)">
	                    	</li>
	                    </ul>
	                </div>
	                <p class="clear"></p>
	            </div>
			</div>
        </div>
	</block>
	<block name="javascript">
		<script type="text/javascript" src="__PUBLIC__/<?php echo strtolower(MODULE_NAME)?>/javascript/function.js"></script>
		<script type="text/javascript">
			$(function(){
				loading(manageTbale);
				$(window).resize(function(){
					if(!$("#content_main").is(":hidden")){
						manageTbale();
					}
				});
			});
		</script>
	</block>
	